﻿.container-fluid{padding: 0; width: 1200px; margin:0 auto; position: relative;}
/*头部样式*/
#header,.w1200{width:1200px;margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
p{margin:0 0 0 0;}

.tophead{width: 100%;height: 35px;background: #ececec;position: relative;}
.headtitle{font-size: 14px;color: #969696;line-height: 35px;}
.k1{font-size: 14px;line-height: 35px;color: #969696;}
.k1 a{color:#999999}

.sechead{height: 144px;position: relative;overflow: hidden;}
.logo{float:left;line-height: 144px;}
.sechead .k2{margin-top: 40px;background: url(../image/ttel1.png) right center no-repeat;text-align: right;padding-right: 70px;font-size: 15px;color: #3e3e3e;line-height: 27px;}
.sechead .k2 p{font-size: 15px;color: #121212;}
.sechead .k2 p strong{font-size: 27px;color: #dd1504;font-family: '微软雅黑';font-weight: 400;}

/* 导航 */
.menu{
    width: 100%;
    margin: 0 auto;
    /* overflow: hidden; */
    height: 50px;
    background: #efefef;
    border-top: 2px solid #e3e3e3;
}
.x-menu {width: 1107px;margin:0 auto;}
.x-menu>li {float:left;width: 158px;position:relative;text-align:center;}
.x-menu>li>a {display:block;font-size: 16px;color: #333333;height: 48px;line-height: 48px;}
.x-menu>li.active>a,.x-menu>li>a:hover {background:#292e39;color:#fff}
.x-menu>li:after {content:"";position:absolute;z-index:100;width:100%;left:0;height:40px;opacity:0;top:100%}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

/* 搜索 */
#formsearch{margin-top: 10px;}
#formsearch input{height:30px;background:none;border:none;line-height:30px;outline: none;float: left;}
#formsearch input#keyword{text-indent:10px;color:#979797;font-size: 14px;width: 274px;border: 1px solid #ddd;}
#formsearch input#s_btn{width: 40px;height: 30px;line-height: 30px;text-align:center;color:#fff;border:none;cursor:pointer;background: url(../image/ss.png) no-repeat;}

/* 内页 */
.left{width: 240px;float: left;}
.right{width: 940px;float: right;}
.product_list{}
.product_list li{float: left;width: 293px;border: 1px solid #eee;margin:0 10px 10px;padding:5px;}
.product_list li a.img{display: block;width: 281px;height: 281px;overflow: hidden;}
.product_list li img{width:281px;height: 281px;transition: all .5s ease;}
.product_list li h3{line-height: 35px;text-align: center;}
.product_list li h3 a{color: #5a5a5a;font-size: 14px;}
.product_list li:hover{border-color: #292e39}
.product_list li:hover img{transform:scale(1.1);}


/*轮播图owl*/
.x-banner .owl-carousel .owl-dots button.owl-dot{opacity: 1; }
.x-banner .owl-carousel .owl-dots button.owl-dot.active{background-color: #ff0000;}


/* 产品中心 */
.product{width: 100%; padding-top: 86px;}
.title{text-align: center; margin: 0 auto;}
.title h2{font-size: 27.7px; color: #d20202; font-weight: 600;}
.title h3{font-size: 13.4px; color: #b1b1b1; text-transform: uppercase; margin-top: 12px;}
.product .pbb{width: 100%; margin-top: 20px;}
.product .pbb .pbh{width: 100%;}
.product .pbb .pbh ul{width: 100%; text-align: center;}
.product .pbb .pbh ul li{display: inline-block;margin: 0 15px;width: 149px;height: 40px;line-height: 40px;background: #010101;text-align: center;}
.product .pbb .pbh ul li a{font-size: 13px; color: #fff;}
.product .pbb .pbh ul li:hover,.product .pbb .pbh ul li.on{background: #d20202 url(../image/pnv.png)no-repeat bottom center;}

.product .pbb .pbb1{width: 1064px; margin: 0 auto; margin-top: 42px;}
.product .pbb .pbb1 ul{width: 100%;}
.product .pbb .pbb1 ul li{float: left; width: 331px; margin-right: 35px; margin-bottom: 15px; text-align: center;}
.product .pbb .pbb1 ul li .img{width: 100%; height: 236px; overflow: hidden;}
.product .pbb .pbb1 ul li .img img{width: 100%;}
.product .pbb .pbb1 ul li h3{font-size: 18.5px; color: #000000; margin-top: 15px;}
.product .pbb .pbb1 ul li:nth-child(3n){margin-right: 0;}

/* 4大优势 */
.ys{width: 1920px;position: relative;left: 50%;margin-left: -960px;padding-top: 106px;height: 920px;background: #fff url(../image/npg1.jpg)repeat-x center 240px;box-sizing: border-box;}

.ys .ybb{width: 972px; margin: 0 auto; margin-top: 34px;}
.ys .ybb .ybf{width: 100%; position: relative;}
.ys .ybb .ybf .img{width: 452px;overflow: hidden;}
.ys .ybb .ybf .img img{width: 100%;}
.ys .ybb .ybf  dd{width: 452px; padding-left: 30px;}
.ys .ybb .ybf2{margin-top: 50px;}
.ys .ybb .ybf1 .img{float: left;}
.ys .ybb .ybf1 dd{float: right; padding-top: 100px;}
.ys .ybb .ybf2 .img{float: right;}
.ys .ybb .ybf2 dd{float: left; padding-top: 43px;}

.ys .ybb .ybf dd .ytt{ padding-left: 40px; position: relative; width: 100%;}
.ys .ybb .ybf dd .ytt h2{font-size: 21.5px; color: #333333; font-weight: 600;}
.ys .ybb .ybf dd .ytt h3{font-size: 13px; color: #c1c1c1; margin-top: 6px;}
.ys .ybb .ybf dd p{padding-left: 40px; font-size: 13px; color: #666666; line-height: 23px; margin-top: 12px;}

.ys .ybb .ybf dd .ytt2{margin-top: 33px;}
.ys .ybb .ybf dd .ytt4{margin-top: 42px;}

.ys .ybb .ybf dd .ytt1::before{content: "1"; display: inline-block; font-size: 48px; color: #262626; font-weight: 600; font-style: italic; font-family: '微软雅黑'; position: absolute; z-index: 999; left: 0; top: -13px;}
.ys .ybb .ybf dd .ytt2::before{content: "2"; display: inline-block; font-size: 48px; color: #262626; font-weight: 600; font-style: italic; font-family: '微软雅黑'; position: absolute; z-index: 999; left: 0; top: -13px;}
.ys .ybb .ybf dd .ytt3::before{content: "3"; display: inline-block; font-size: 48px; color: #262626; font-weight: 600; font-style: italic; font-family: '微软雅黑'; position: absolute; z-index: 999; left: 0; top: -13px;}
.ys .ybb .ybf dd .ytt4::before{content: "4"; display: inline-block; font-size: 48px; color: #262626; font-weight: 600; font-style: italic; font-family: '微软雅黑'; position: absolute; z-index: 999; left: 0; top: -13px;}

/* 生产实力 */
.sc1{width: 1920px;position: relative;left: 50%;margin-left: -960px;padding-top: 48px;height: 548px;}
.sc1 .title h3{font-weight: 600;}
.sc1 .sbb{width: 100%; margin-top: 43px;}
.sc1 .sbb ul{width: 100%; text-align: center;}
.sc1 .sbb ul li{display: inline-block; margin: 0 15px; width: 312px;overflow: hidden; position: relative;}
.sc1 .sbb ul li .img{width: 100%; height: 100%;}
.sc1 .sbb ul li .img img{width: 100%;}
.sc1 .sbb ul li h3{position: absolute; z-index: 9999;bottom: 0; left: 0; width: 100%; height: 60px; line-height: 60px; background: rgba(0,0,0,0.7); text-align: center; font-size: 14px; color: #fff; display: none;}
.sc1 .sbb ul li:hover h3{display: block;}

/* 关于我们 */
.about{width: 100%; padding-top: 64px;}
.about .title h3{font-weight: 600; margin-top: 20px;}
.about .abb{width: 100%; margin-top: 50px;}
.about .abb .abf1{width: 442px; height: 440px; background-color: #c9c3c3; position: relative;}
.about .abb .abf1 .img{width: 441px; height: 440px; position: absolute; z-index: 999; top:-22px; left: 26px; overflow: hidden;}
.about .abb .abf1 .img img{width: 100%;}
.about .abb .abf2{width: 634px; margin-right: 46px;}
.about .abb .abf2 h4{font-size: 18px; color: #666666; line-height: 33px;}
.about .abb .abf2 a{display: block; width: 118px; height: 40px; line-height: 40px; border-radius: 40px; text-align: center; background-color: #ff0000; font-size: 17px; color: #fff; margin-top: 32px;}

/* 新闻动态 */
.news{width: 100%; background-color: #f5f5f5; padding-top: 42px; margin-top: 110px; padding-bottom: 52px;}
.news .nhh{width: 100%;}
.news .nhh .ntt{float: left;  width: 180px;}
.news .nhh .ntt h2{font-size: 15px; color: #cf0000;font-weight: 600;}
.news .nhh .ntt h3{font-size: 15px; color: #979898; font-weight: 600; margin-top: 12px;}
.news .nhh ul{float: right;width: 328px;margin-top: 11px;}
.news .nhh ul li{float: right;width: 99px;height: 30px;line-height: 27px;box-sizing: border-box;border-radius: 8px;overflow: hidden;border: 2px solid #bebebe;text-align: center;font-size: 15px;color: #666666;margin-left: 10px;}
.news .nhh ul li a{color: #666666;}
.news .nhh ul li:hover,.news .nhh ul li.on {background: #d20000; border: 2px solid #d20000;}
.news .nhh ul li:hover a,.news .nhh ul li.on a{color: #fff;}

.news .nbb{width: 100%; margin-top: 32px;}
.news .nbb .nbf{width: 466px;}

.news .nbb .nbf2{width: 670px;}
.news .nbb .nbf ul{width: 100%;}
.news .nbb .nbf ul li{width: 100%; height: 370px; overflow: hidden; background: #333333;}
.news .nbb .nbf ul li .img{width: 100%; height: 241px; overflow: hidden;}
.news .nbb .nbf ul li .img img{width: 100%;}

.news .nbb .nbf ul li dd{width: 100%; padding: 17px 24px 0;}
.news .nbb .nbf ul li dd h2{font-size: 15px; color: #f5f5f5;}
.news .nbb .nbf ul li dd h3{font-size: 13px; line-height: 24px; color: #f5f5f5; margin-top: 8px;}

.news .nbb .nbf2 ul{width: 100%;}
.news .nbb .nbf2 ul li{width: 100%;height: 111px;background-color: #fff;overflow: hidden;margin-bottom: 19px;padding: 16px 0 19px;box-sizing: border-box;}
.news .nbb .nbf2 ul li .date{float: left; width: 108px; text-align: center; padding-top: 8px; box-sizing: border-box;}
.news .nbb .nbf2 ul li .date h4{font-size: 35px; color: #333333;}
.news .nbb .nbf2 ul li .date h5{font-size: 15px; color: #333333; margin-top: 8px;}
.news .nbb .nbf2 ul li dd{float: right; width: 500px; margin-right: 44px; box-sizing: border-box;}
.news .nbb .nbf2 ul li dd h2{font-size: 16px; color: #666666;}
.news .nbb .nbf2 ul li dd h3{font-size: 14px; color: #666666; line-height: 26px; margin-top: 12px;}
.news .nbb .nbf2 ul li:hover  dd h2{color: #d20000;}



.flk{width: 100%;background: #f5f5f5;/* height:40px; */line-height:40px;font-size: 13px;color: #666;}
.flk a{display: inline-block; font-size: 12px; color: #666;  margin-left: 8px;}


.nfft1{width: 100%; background-color: #212121; padding-top: 84px;padding-bottom: 88px;}
.nfft1 .nft1{width: 120px;text-align: left;line-height: 28px;margin-left: 104px;background: url(../image/flk1.png)no-repeat right top;}

.nfft1 .nft1 a{font-size: 17px; color: #fff;}
.nfft1 .nft2{width: 490px; padding-left: 46px; box-sizing: border-box;background: url(../image/flk1.png)no-repeat right top; height: 201px;}

.nfft1 .nft2 h2{font-size: 17px; color: #ffffff; line-height: 28px; }
.nfft1 .nft2 h2 a{color: #fff;}
.nfft1 .nft3{width: 410px; padding-left: 48px;}

















